<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <textarea name="" id="demo" cols="30" rows="10"></textarea>
</body>
<script>
    var demo = document.getElementById("demo")
    console.log(demo);

    // 事件对象的属性_键盘事件相关
    // key   => 返回按键对应的字符
    // code  => 返回按键对应的键盘符

    // IE
    // keyCode => 在onkeydown,onkeyup 表示按键对应键盘码 (所有按键均可触发 每隔按键都有对应键盘码)
    // keyCode => 在onkeypress        表示按键对应的字符的ascii码 (文本输入有关  => 按键字符对应ascii码)

    // 常规浏览器
    // which   => 返回按键对应的键盘符 

    //  var keyCode = e.keyCode || e.which;




    // demo.onkeydown = function(e){
    //     var e = e || window.event;
    //     console.log(e);
    //     // console.log(e.key,e.code);

    //     console.log(e.keyCode)
    //     // return false;
    // }

    // demo.onkeypress = function(e){
    //     var e = e || window.event;
    //     console.log(e);
    //     // console.log(e.key,e.code);

    //     console.log(e.keyCode)
    //     // return false;
    // }



    // 兼容
    demo.onkeydown = function (e) {
        var e = e || window.event;
        var keyCode = e.keyCode || e.which;
        console.log(e);
    }

</script>

</html>